<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div role="main" class="main">
	<div class="center">
	
		<div class="row aligncenter">
			<div class="span11">
				<div class="span4"><h2 class="left">Préparation de colis</h2></div>
				<div class="span6 form-search-article" id="form-article-search">
				<html:form action="/getColis" styleId="form-search" method="post" >
					<fieldset class="form-search" >
					<label>Numéro de commande</label>
    				<input type="text" class="input-medium search-query"  id="input-search" name="numCommande">
    				<button type="submit" class="btn btn-success"><i class="icon-ok icon-white"></i></button>
    				</fieldset>
				</html:form>
				</div>
				</div>
				<div></div>
			</div>
		</div>
		
<script>
$(document).ready(function() {
	var intRegex = /^\d{7}$/;
	$("#form-search").submit(function(){
		var bool = true
		if ($("#input-search").val() =="" || !intRegex.test($("#input-search").val()))
			{
				alert("Veuillez entrez un numéro de commande valide (ex: 1000000)");
				bool = false;
			}
		return bool;
	});
});

</script>
		<c:choose>
			<c:when test="${ commande == null && messageOk == null && messageKo == null && messageNo == null}"> <div class="row margintop200">
					<div class="span6 offset3">
						Utilisez le formulaire pour afficher le colis que vous souhaitez envoyer
					</div>
				</div> 
			</c:when>
			<c:when test="${ messageOk != null }">
				
					 <div class="row margintop200">
						<div class="span6 offset3">
							<div class="alert alert-success">
							<strong>Succès!</strong>
							Votre commande a bien été envoyée.
							</div>
						</div>
					</div> 
			</c:when>
			<c:when  test="${ messageKo != null }">
					 <div class="row margintop200">
						<div class="span6 offset3">
							<div class="alert alert-danger">
							<strong>Erreur!</strong>
							Votre commande n'a pu être envoyée.
							</div>
						</div>
					</div> 
			</c:when>
			<c:when test="${ messageNo != null }">
					 <div class="row margintop200">
						<div class="span6 offset3">
							<div class="alert alert-danger">
							<strong>Erreur!</strong>
							Aucune commande ne correspond à votre recherche.
							</div>
						</div>
					</div> 
			</c:when>
			<c:otherwise>
				<div>
					<table  class="table" id="articles-table">
						<tr>
							<td class="td-header">
								Coordonnées Client
							</td>
							<td colspan="3"  class="td-info">
								<i>${commande.client.civilite } ${commande.client.prenom } ${commande.client.nom }<br />
								${commande.client.adresse } <br />
								${commande.client.cpltAdresse } <br />
								${commande.client.codePostal } ${commande.client.ville }</i>
							</td>
						</tr>
						<tr>
							<td class="td-header">
								Articles
							</td>
							<td colspan="3"  class="td-info" >
							<div   style="max-height: 200px; overflow: auto;">
								<table class="table table-bordered table-striped bg-bleu">
									<thead>
										<tr class="header">
											<th class="th-header">Référence Article</th>
											<th class="th-header">Modèle</th>
											<th class="th-header">Quantité</th>
											<th class="th-header">Description Courte</th>	
										</tr>
									</thead>
									<tbody>
										<c:forEach items="${commande.lignesCommandeArticle}" var="ligne">
											<tr>
												<td><c:out value="${ligne.article.id}" /></td>
												<td><c:out value="${ligne.article.modele}" /></td>
												<td><c:out value="${ligne.quantite}" /></td>
												<td><c:out value="${ligne.article.description}" /></td>
											</tr>
										</c:forEach>
									</tbody>
								</table>
								</div>
							</td>
						</tr>
						<tr>
							<td class="td-header">
								Mode de Livraison
							</td>
							<td class="span2 td-info" style="border-right:none;">
								${ commande.modeDeLivraison.libelle } 
										<c:choose>
											<c:when test="${ commande.modeDeLivraison.libelle == 'Relais'}"> 
												:${ commande.relais.id}
												</td>
												<td colspan="2"  class="td-info"  style="border-left:none;">
												<i>${ commande.relais.nom}<br />
												${ commande.relais.adresse}<br />
												${ commande.relais.cpltAdresse}<br />
												${ commande.relais.codePostal} ${ commande.relais.ville}<br /></i>
											</c:when>
											<c:otherwise>
											</td>
											<td colspan="2"  class="td-info" style="border-left:none;">
												<i>${commande.client.civilite } ${commande.client.prenom } ${commande.client.nom }<br />
												${commande.client.adresse } <br />
												${commande.client.cpltAdresse } <br />
												${commande.client.codePostal } ${commande.client.ville }</i>
											</c:otherwise>
										</c:choose>
							</td>
						</tr>
						<tr>
							<td class="td-header">
								Contre-Remboursement?
							</td>
							<td class="td-info">
								<c:choose>
									<c:when test="${ commande.modeDePaiement.libelle == 'Contre-remboursement'}">
										Oui
									</c:when>
									<c:otherwise>
										Non
									</c:otherwise>
								</c:choose>
							</td>
							<td class="td-header" style="text-align : right;">
								Prix Total :
							</td>
							<td class="td-info">
							<fmt:formatNumber value="${commande.prixTotal}" type="NUMBER" minFractionDigits="2"/> € TTC
							</td>
						</tr>
					</table>
				</div> 
				<div class="row margintop20">
			<div class="span2 offset5">
			<html:form  action="/envoyerColis" method="post" >
			<input type="hidden" value="${commande.id }" name="numCommande">
			<button type="submit" class="btn btn-success" > <i
					class="icon-ok icon-white"></i> Envoyer Colis
				</button>
			</html:form>
				
			</div>
		</div>

	

				</c:otherwise>
		</c:choose>

	</div>
